﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
	<style type="text/css">
	.selected {
		background: yellow;
	}
	</style>

</head>

<body>

<h1>Generate test</h1>
<div style="width: 900px">
	<div style="width: 100%; float: right;">
		<div style="margin-left: 500px;">
			<table border="1">
				<tr>
					<td colspan="2">
					<table border="1">
						<tr>
							<th colspan="6">Questions will be used in the test</th>
						</tr>
						<tr>
							<th>
							<input name="checkAll" onclick="alert('check/uncheck all');" type="checkbox" /></th>
							<th>No.</th>
							<th>Content</th>
							<th>Type</th>
							<th></th>
							<th></th>
						</tr>
						<tr>
							<td>
							<input checked="checked" name="questionIds" type="checkbox" value="1" /></td>
							<td>1</td>
							<td>What is the third past form of &quot;BE&quot;?</td>
							<td>Multiple choices</td>
							<td><a href="#">Preview</a></td>
							<td>
							<input name="remove" type="button" value="&lt;&lt; Remove" /></td>
						</tr>
						<tr>
							<td>
							<input checked="checked" name="questionIds" type="checkbox" value="2" /></td>
							<td>2</td>
							<td>She [] (BE) a teacher 3 years ago</td>
							<td>Cloze</td>
							<td><a href="#">Preview</a></td>
							<td>
							<input name="remove" type="button" value="remove" /></td>
						</tr>
						<tr>
							<td>
							<input name="questionIds" type="checkbox" value="3" /></td>
							<td>3</td>
							<td>I&#39;m interested ... action movies</td>
							<td>Multiple choices</td>
							<td><a href="#">Preview</a></td>
							<td>
							<input name="remove" type="button" value="remove" /></td>
						</tr>
						<tr>
							<td colspan="6">
							<input type="submit" value="&lt;&lt; Remove checked questions from tests" />
							</td>
						</tr>
					</table>
					</td>
				</tr>
				<tr>
					<td>Test name</td>
					<td>
					<input name="name" type="text" value="SAD Midterm Fall 2009" /></td>
				</tr>
				<tr>
					<td>Number of selected questions</td>
					<td>50</td>
				</tr>
				<tr>
					<td>Number of questions for each test</td>
					<td><input name="number" type="text" value="50" /></td>
				</tr>
				<tr>
					<th colspan="2">Account list</th>
				</tr>
				<tr>
					<td colspan="2">
					<textarea cols="40" name="accounts" rows="10"></textarea></td>
				</tr>
				<tr>
					<td colspan="2">Accounts from Excel file:
					<input type="file" /></td>
				</tr>
				<tr>
					<td colspan="2"><input type="submit" value="Generate" /></td>
				</tr>
			</table>
		</div>
	</div>
	<div style="float: right; margin-right: -500px; width: 500px;">
		<table border="1">
			<tr>
				<td colspan="2">Select a category </td>
			</tr>
			<tr>
				<td colspan="2">
				<ul>
					<li><a class="selected" href="#">Foods</a></span>
					<ul>
						<li><a href="#">Vegetables</a></li>
						<li><a href="#">Fruit</a></li>
						<li><a class="selected" href="#">Milk</a></li>
					</ul>
					</li>
					<li><a href="#">Drinks</a></li>
					<li><a href="#">Equipment</a></li>
				</ul>
				</td>
			</tr>
			</td>
			</tr>
			<tr>
				<td colspan="2">
				<table border="1">
					<tr>
						<th colspan="6">Select questions to be used in the test</th>
					</tr>
					<tr>
						<th>
						<input name="checkAll" onclick="alert('check/uncheck all');" type="checkbox" /></th>
						<th>No.</th>
						<th>Content</th>
						<th>Type</th>
						<th></th>
						<th></th>
					</tr>
					<tr>
						<td>
						<input checked="checked" name="questionIds" type="checkbox" value="1" /></td>
						<td>1</td>
						<td>What is the third past form of &quot;BE&quot;?</td>
						<td>Multiple choices</td>
						<td><a href="#">Preview</a></td>
						<td><input type="submit" value="Add&gt;&gt;" /> </td>
					</tr>
					<tr>
						<td>
						<input checked="checked" name="questionIds" type="checkbox" value="2" /></td>
						<td>2</td>
						<td>She [] (BE) a teacher 3 years ago</td>
						<td>Cloze</td>
						<td><a href="#">Preview</a></td>
						<td><input type="submit" value="Add" /> </td>
					</tr>
					<tr>
						<td>
						<input name="questionIds" type="checkbox" value="3" /></td>
						<td>3</td>
						<td>I&#39;m interested ... action movies</td>
						<td>Multiple choices</td>
						<td><a href="#">Preview</a></td>
						<td><input type="submit" value="Add" /> </td>
					</tr>
					<tr>
						<td colspan="6">
						<input type="submit" value="Add checked questions to tests" /></td>
					</tr>
				</table>
				</td>
			</tr>
		</table>
	</div>
</div>

</body>

</html>
